<template>
  <!-- 最外层容器 -->
  <div class="container">
    <!-- 炼石 -->
    <div class="lianshi_container">
      <!-- 炼石logo -->
      <div class="lianshi_logo">
        <img src="./img/lianshi_logo.jpg" alt="炼石就是数据安全" />
        <!-- 炼石官网 -->
        <div class="lianshi_introduce_website">
          <a href="http://www.ciphergateway.com/" target="_blank"
            >炼石官网 ———— ☝</a
          >
        </div>
      </div>
      <!-- 炼石相关介绍 -->
      <div class="lianshi_introduce">
        <!-- 炼石介绍 -->
        <div class="lianshi_introduce_content">
          炼石网络是一家数据安全技术创新厂商，先后获得安天、国科嘉和、腾讯等投资，面向个人信息和商业数据保护等场景，开创自研“免改造数据安全”产品，以及DSM数据安全管理平台。炼石免改造数据安全夺得第七届互联网安全大会（ISC
          2019）首届“创新独角兽沙盒大赛”总冠军，技术特色是免开发改造应用的数据保护、高性能国产密码和去标识化技术，为政府、金融、运营商、交通、教医旅、工业等用户提供个人信息保护、商业数据保护、DSM数据安全管理合规改造、国密合规改造。面向《密码法》《数据安全法》《个人信息保护法》等法律法规，企业重要数据与个人信息亟待提升防护水平与合规改造。炼石基于免改造数据安全技术，通过高覆盖率的数据控制点，横向覆盖广泛应用，纵向叠加发现识别、加密、去标识化、检测/响应、审计追溯等安全能力，有效保护结构化与非结构化数据，实现集中式管控、分布式保护，可应用在数据存储、使用、加工、传输、提供等环节。炼石方案可在不影响业务的前提下敏捷实施上线，将安全与业务在技术上解耦、但又在能力上融合交织，实现主体到应用内用户、客体到字段/文档级的有效保护，打造实战化数据安全防护体系。
        </div>
      </div>
    </div>
    <!-- 数据分享 -->
    <div class="shareData_container">
      <!-- 标题 -->
      <div class="shareData_title">Dttack数据安全模型</div>
      <!-- 数据分享-box -->
      <div class="shareData_box">
        <!-- 导航栏 -->
        <ul class="shareData_nav">
          <li class="item">
            <router-link to="/shibie_title">1.识别</router-link>
          </li>
          <li class="item">
            <router-link to="/fanghu_title">2.防护</router-link>
          </li>
          <li class="item">3.检测</li>
          <li class="item">4.响应</li>
          <li class="item">5.恢复</li>
          <li class="item">6.反制</li>
          <li class="item">7.治理</li>
        </ul>
        <!-- 具体内容 -->
        <div class="shareData_list">
          <!-- item容器 -->
          <div class="item">
            <!-- 识别 -->
            <div class="data">
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown placement="right-end">
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/shibie_item1')"
                      >数据资源发现
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>网络流量分析</el-dropdown-item>
                        <el-dropdown-item>应用接口探测</el-dropdown-item>
                        <el-dropdown-item>业务锚点监测</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/shibie_item2')"
                      >数据资产识别
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>关键词提取</el-dropdown-item>
                        <el-dropdown-item>正则表达式</el-dropdown-item>
                        <el-dropdown-item>基于文件属性识别</el-dropdown-item>
                        <el-dropdown-item>精确数据比对</el-dropdown-item>
                        <el-dropdown-item>指纹文档比对</el-dropdown-item>
                        <el-dropdown-item>向量分类比对</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/shibie_item3')"
                      >数据资产处理（分析）
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>数据内容识别</el-dropdown-item>
                        <el-dropdown-item>合规性分析</el-dropdown-item>
                        <el-dropdown-item>安全性分析</el-dropdown-item>
                        <el-dropdown-item
                          >重要性（敏感性）分析</el-dropdown-item
                        >
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/shibie_item4')"
                      >数据分类分级
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>自动化工具</el-dropdown-item>
                        <el-dropdown-item>人工辅助</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/shibie_item5')"
                      >数据资产打标
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>标记字段法</el-dropdown-item>
                        <el-dropdown-item>元数据映射表法</el-dropdown-item>
                        <el-dropdown-item>数字水印法</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
            </div>
            <!-- 防护 -->
            <div class="data">
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/fanghu_item1')"
                      >数据加密技术
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>存储加密</el-dropdown-item>
                        <el-dropdown-item>传输加密</el-dropdown-item>
                        <el-dropdown-item>使用加密</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/fangfu_item2')"
                      >数据脱敏技术
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>动态脱敏技术</el-dropdown-item>
                        <el-dropdown-item>静态脱敏技术</el-dropdown-item>
                        <el-dropdown-item>隐私保护技术</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >隐私计算技术
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>可信计算</el-dropdown-item>
                        <el-dropdown-item>密码学应用</el-dropdown-item>
                        <el-dropdown-item>差分隐私</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >身份认证技术
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>口令认证技术</el-dropdown-item>
                        <el-dropdown-item>无口令认证</el-dropdown-item>
                        <el-dropdown-item>生物特征认证</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >数据资源发现
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>网络流量分析</el-dropdown-item>
                        <el-dropdown-item>应用接口探测</el-dropdown-item>
                        <el-dropdown-item>业务锚点监测</el-dropdown-item>
                        <el-dropdown-item>令牌</el-dropdown-item>
                        <el-dropdown-item>机器 ID 管理</el-dropdown-item>
                        <el-dropdown-item>去中心化身份（DID）</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >访问控制技术
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>网络访问控制</el-dropdown-item>
                        <el-dropdown-item>权限管理控制</el-dropdown-item>
                        <el-dropdown-item>风险操作控制</el-dropdown-item>
                        <el-dropdown-item>数据访问控制</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >数字签名技术
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>数字证书</el-dropdown-item>
                        <el-dropdown-item>签名验签</el-dropdown-item>
                        <el-dropdown-item>电子签章</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >DLP 技术
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>终端 DLP</el-dropdown-item>
                        <el-dropdown-item>网络 DLP</el-dropdown-item>
                        <el-dropdown-item>端点 DLP</el-dropdown-item>
                        <el-dropdown-item>邮件 DLP</el-dropdown-item>
                        <el-dropdown-item>DLP 集成</el-dropdown-item>
                        <el-dropdown-item>数据交换 DLP</el-dropdown-item>
                        <el-dropdown-item>CASB DLP</el-dropdown-item>
                        <el-dropdown-item>云原生 DLP</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >数据销毁技术
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>硬销毁</el-dropdown-item>
                        <el-dropdown-item>软销毁</el-dropdown-item>
                        <el-dropdown-item>销毁审计</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >云数据保护技术
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>云密码服务</el-dropdown-item>
                        <el-dropdown-item>云身份鉴别服务</el-dropdown-item>
                        <el-dropdown-item
                          >云身份管理和访问控制技术P</el-dropdown-item
                        >
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >大数据保护技术
                    </span>
                  </el-dropdown>
                </div>
              </div>
            </div>
            <!-- 检测 -->
            <div class="data">
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >威胁检测
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>APT 检测</el-dropdown-item>
                        <el-dropdown-item>欺诈检测</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >流量监测
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>网络流量分析</el-dropdown-item>
                        <el-dropdown-item>高级安全分析</el-dropdown-item>
                        <el-dropdown-item>文件分析</el-dropdown-item>
                        <el-dropdown-item>TLS 流量解密</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >数据访问治理
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item
                          >UEBA 用户实体行为分析</el-dropdown-item
                        >
                        <el-dropdown-item>业务风控 </el-dropdown-item>
                        <el-dropdown-item>动态风险评估</el-dropdown-item>
                        <el-dropdown-item>安全影响评估</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >安全审计
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>主机安全审计</el-dropdown-item>
                        <el-dropdown-item>网络安全审计</el-dropdown-item>
                        <el-dropdown-item>数据库安全审计</el-dropdown-item>
                        <el-dropdown-item>业务安全审计</el-dropdown-item>
                        <el-dropdown-item>数据流转审计</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >共享监控
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>风险操作监测</el-dropdown-item>
                        <el-dropdown-item>交换策略监测</el-dropdown-item>
                        <el-dropdown-item>接口访问预警</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
            </div>
            <!-- 响应 -->
            <div class="data">
              <div class="data_list">
                <div class="data_title2">事件发现</div>
              </div>
              <div class="data_list">
                <div class="data_title2">事件处置</div>
              </div>
              <div class="data_list">
                <div class="data_title2">应急响应</div>
              </div>
              <div class="data_list">
                <div class="data_title2">事件溯源</div>
              </div>
            </div>
            <!-- 恢复 -->
            <div class="data">
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >灾难恢复
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>数据备份</el-dropdown-item>
                        <el-dropdown-item>容侵技术</el-dropdown-item>
                        <el-dropdown-item>容错技术</el-dropdown-item>
                        <el-dropdown-item>容灾技术</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">数据迁移技术（分层存储管理）</div>
              </div>
              <div class="data_list">
                <div class="data_title2">本地双机热备</div>
              </div>
              <div class="data_list">
                <div class="data_title2">远程异地容灾</div>
              </div>
            </div>
            <!-- 反制 -->
            <div class="data">
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >水印技术
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>图像水印</el-dropdown-item>
                        <el-dropdown-item>多媒体水印</el-dropdown-item>
                        <el-dropdown-item>数据库水印</el-dropdown-item>
                        <el-dropdown-item>屏幕水印</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >溯源技术
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>权限流转</el-dropdown-item>
                        <el-dropdown-item>权限迁移</el-dropdown-item>
                        <el-dropdown-item>签名验证</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">版权管理技术</div>
              </div>
            </div>
            <!-- 治理 -->
            <div class="data">
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >数据价值
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>信息经济学</el-dropdown-item>
                        <el-dropdown-item>信息估值</el-dropdown-item>
                        <el-dropdown-item>数据资产价值管理</el-dropdown-item>
                        <el-dropdown-item>个人信息价值评估</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >数据安全策略
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>数据安全原则</el-dropdown-item>
                        <el-dropdown-item>数据安全隐私管理</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >数据安全模型
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>DSG 框架</el-dropdown-item>
                        <el-dropdown-item>CARTA 模型</el-dropdown-item>
                        <el-dropdown-item>DGPC 框架</el-dropdown-item>
                        <el-dropdown-item>FinDRA 模型</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >数据安全管理
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>数据安全评估</el-dropdown-item>
                        <el-dropdown-item>隐私影响评估</el-dropdown-item>
                        <el-dropdown-item
                          >个人信息安全影响评估</el-dropdown-item
                        >
                        <el-dropdown-item>数据安全能力平台</el-dropdown-item>
                        <el-dropdown-item>数据安全能力评价</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">
                  <el-dropdown>
                    <span
                      class="el-dropdown-link"
                      @click="this.$router.push('/index1')"
                      >数据安全运营
                    </span>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item>DataOps</el-dropdown-item>
                        <el-dropdown-item>DevOps</el-dropdown-item>
                        <el-dropdown-item>供应链安全</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              <div class="data_list">
                <div class="data_title2">意识与教育</div>
              </div>
              <div class="data_list">
                <div class="data_title2">数字道德</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {},
};
</script>

<style scoped lang="scss">
// 大容器
.container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  // 炼石
  .lianshi_container {
    width: 100%;
    // 炼石logo
    .lianshi_logo {
      width: 100%;
      height: 150px;
      display: flex;
      justify-content: center;
      align-items: center;
      img {
        width: 200px;
        height: 100px;
      }
      .lianshi_introduce_website {
        font-size: 20px;
        font-weight: bold;
        color: #4f7cac;
        margin-left: 20px;
      }
      .lianshi_introduce_website:hover {
        text-decoration: underline;
      }
    }
    // 炼石介绍
    .lianshi_introduce {
      width: 100%;
      // 具体内容
      .lianshi_introduce_content {
        text-indent: 2em;
        line-height: 30px;
        padding: 0px 18px;
      }
    }
  }
  // 数据分享
  .shareData_container {
    width: 100%;
    // 标题
    .shareData_title {
      width: 100%;
      height: 160px;
      font-size: 30px;
      font-weight: bold;
      display: flex;
      justify-content: center;
      line-height: 160px;
    }
    // 数据分享-box
    .shareData_box {
      width: 100%;
      // 导航栏
      .shareData_nav {
        font-size: 22px;
        list-style: none;
        display: flex;
        justify-content: space-between;
        margin-right: 40px;
        .item {
          cursor: pointer;
          color: #4f7cac;
        }
        .item:hover {
          text-decoration: underline;
        }
      }
      // 具体内容
      .shareData_list {
        width: 100%;
        .item {
          width: 100%;
          display: flex;
          // 识别
          .data {
            text-align: center;
            flex: 1;
            .data_list {
              width: 100%;
              color: #4f7cac;
              margin: 20px 0;
              .data_title2 {
                cursor: pointer;
                font-size: 18px;
                margin-left: 20px;
              }
              // .data_item {
              //   cursor: pointer;
              //   list-style: none;
              //   line-height: 24px;
              //   margin-top: 0px;
              //   margin-left: 20px;
              //   padding: 12px;
              // }
              .data_title2:hover {
                text-decoration: underline;
              }
            }
          }
        }
      }
    }
  }
}
a {
  text-decoration: none;
}
.router-link-active {
  text-decoration: none;
}

.el-dropdown-link {
  font-size: 18px;
  color: #4f7cac;
}
.el-dropdown-link:focus-visible {
  outline: none;
}
</style>